$(function(){

    $('.username').focus();

    var login = new Vue({
        el: '#login-content',
        data:{
            phone:"",  //手机验证的手机号
            code:"",
            username:"",  //用户登录的手机号
            password:"",
            loginType: 1, //1 用户密码登录  2 手机登录
            canLogin: false, //是否可以登录标志，通过检测设置为true,
        },
        methods:{
            changeShowPass:function(event){
                var currType = event.currentTarget.getAttribute('value');
                if(currType == '1'){
                    event.currentTarget.setAttribute('value',0);
                    event.currentTarget.setAttribute('src',"image/zhengyan.png");
                    $(event.currentTarget).prev().attr('type',"text");
                }else{
                    event.currentTarget.setAttribute('value',1);
                    event.currentTarget.setAttribute('src',"image/biyan.png");
                    $(event.currentTarget).prev().attr('type',"password");
                }
            },
            goRegister: function(){
                location.href = 'register.html';
            },
            goResetPassword: function(){
                location.href = 'resetPassword.html';
            },
            setFocus:function(imgName,event){
                // alert(imgName);
                // $('.icon-input').css({'border':'1px solid rgba(241,243,245,1)'}).parent().find('.error-line').addClass('hidden');
                $('.icon-input').removeClass('input-error input-active').parent().find('.error-line').addClass('hidden');
                $(event.currentTarget).addClass('input-active').prev().attr({'src':'image/'+imgName+'2.png'});

            },
            setBlur:function(imgName,event){
                $(event.currentTarget).prev().attr({'src':'image/'+imgName+'.png'});
                $('.icon-input').removeClass('input-active').parent().find('.error-line').addClass('hidden');
            },
            getCode:function(){
                //手机登录
                if(!this.phone){ //验证手机号
                    $('.phone').prev().attr({'src':'image/loginName2.png'});
                    $('.phone').removeClass('input-active').addClass('input-error').parent().find('.error-msg').text('手机号码不能为空');
                    $('.phone').parent().find('.error-line').removeClass('hidden');
                    return false;
                }
                if(!checkPhone(this.phone)){ //验证手机号
                    $('.phone').prev().attr({'src':'image/loginPhone2.png'});
                    $('.phone').removeClass('input-active').addClass('input-error').parent().find('.error-msg').text('手机格式不正确');
                    $('.phone').parent().find('.error-line').removeClass('hidden');
                    return false;
                }else{
                    var data = {
                        mobile: this.phone, //	手机号	是	11	String
                    };
                    getMsgLoginPass(data);
                }
            },
            //登录
            toLogin:function(){
                if(this.loginType == '1'){
                    //账号密码登录
                    if(!this.username){ //验证手机号
                        $('.username').prev().attr({'src':'image/loginName2.png'});
                        $('.username').removeClass('input-active').addClass('input-error').parent().find('.error-msg').text('手机号码不能为空');
                        $('.username').parent().find('.error-line').removeClass('hidden');
                        return false;
                    }
                    if(!checkPhone(this.username)){ //验证手机号
                        $('.username').prev().attr({'src':'image/loginName2.png'});
                        $('.username').removeClass('input-active').addClass('input-error').parent().find('.error-msg').text('手机格式不正确');
                        $('.username').parent().find('.error-line').removeClass('hidden');
                        return false;
                    }
                    var data = {
                        mobile: this.username, //	手机号	是	11	String
                        password: this.password , //	密码	是	30	String
                    };
                    getLogin(data);
                }else{
                    //手机登录
                    if(!this.phone){ //验证手机号
                        $('.phone').prev().attr({'src':'image/loginName2.png'});
                        $('.phone').removeClass('input-active').addClass('input-error').parent().find('.error-msg').text('手机号码不能为空');
                        $('.phone').parent().find('.error-line').removeClass('hidden');
                        return false;
                    }
                    if(!checkPhone(this.phone)){ //验证手机号
                        $('.phone').prev().attr({'src':'image/loginPhone2.png'});
                        $('.phone').removeClass('input-active').addClass('input-error').parent().find('.error-msg').text('手机格式不正确');
                        $('.phone').parent().find('.error-line').removeClass('hidden');
                        return false;
                    }
                    var data = {
                        mobile: this.phone, //	手机号	是	11	String
                        msgCode: this.code , //	密码	是	30	String
                    };
                    getLoginMsg(data);
                }

            },
            //标记当前登录方式
            changeLoginType:function(event){
               this.loginType =  event.currentTarget.getAttribute('value');
            },
        },
    });

    var code = new Vue({
        el: '#loginModal',
        data:{
            inCode:"",
            currCode:""
        },
        methods:{
            checkCode:function(){
                if(this.inCode){
                    if(this.inCode == this.currCode){
                        $('#loginModal').modal('hide');
                        $('#loginModal .error-input-msg').addClass('hidden');

                    }else{
                        $('#loginModal .error-msg').text('验证码输入错误！');
                        $('#loginModal .error-input-msg').removeClass('hidden');
                    }
                }else{
                    $('#loginModal .error-msg').text('验证码不能为空！');
                    $('#loginModal .error-input-msg').removeClass('hidden');
                }

            },
            flushCode:function(){
                $('#loginModal .error-input-msg').addClass('hidden');
                var data={element: this}
                getPicLogin(data);//获取图形验证码
            }
        },
        mounted:function(){
            this.$nextTick(function(){
                $('#loginModal .error-input-msg').addClass('hidden');
            });
        }
    });

});